<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>欢迎光临xxx的javaweb作品</title>
<style type="text/css">
div.main {
	margin: 20px;
	border: 1px solid red;
}

table {
	border-collapse: collapse;
	width: 100%;
}

th, td {
	padding: 8px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

tr:not (:first-child ):hover {
	background-color: coral;
}
</style>
</head>
<body>
	<table border="0">
		<tr>
			<td>编号</td>
			<td>作品链接</td>
			<td>知识点</td>
			<td>笔记</td>
		</tr>
		<tr>
			<td>1</td>
			<td><a href="lesson09/register.jsp">动态注册</a></td>
			<td>application对象、JavaBean、jsp:useBean标签等</td>
			<td>需要理解数据如何存储，才能在后续场景继续使用</td>
		</tr>
		<tr>
			<td>2</td>
			<td><a href="lesson09/login.jsp">动态登录</a></td>
			<td>application对象、List等</td>
			<td>登录使用的数据库，就是注册时存入application的数据集合</td>
		</tr>
		<tr>
			<td>3</td>
			<td><a href="lesson09/userList.jsp">用户列表</a></td>
			<td>JSTL+EL综合应用</td>
			<td>要理解用户数据从哪里来的</td>
		</tr>
		<tr>
			<td>4</td>
			<td><a href="lesson09/index.jsp">权限控制：未登录无法进入主页</a></td>
			<td>JSTL+EL综合应用</td>
			<td>要理解登录状态如何判断</td>
		</tr>
		<tr>
			<td>5</td>
			<td>
				<!-- 相对路径（以index.html为中心查找其他网页资源） --> <a href="lesson09/elDemo.jsp">EL表达式示例</a>
				<a href="lesson09/jstlDemo.jsp">JSTL示例</a>
			</td>
			<td>EL，JSTL单独示例</td>
			<td>很简单</td>
		</tr>
	</table>
</body>
</html>